<template>
    <div>
        <p>son2!! common: {{commonNumber}} , toson: {{toSonNumber}}</p>
        <grand-son1 :commonNumber="commonNumber"/>
        <grand-son2 :commonNumber="commonNumber"/>
    </div>
</template>
<script>
import GrandSon1 from './GrandSon1';
import GrandSon2 from './GrandSon2';
export default {
    components:{
        GrandSon1,
        GrandSon2
    },
    props: ['commonNumber', 'toSonNumber'],
    beforeCreate(){
        console.log('Son2 before create!!');
    },
    created(){
        console.log('Son2 created!!');
    },
    beforeMount(){
        console.log('Son2 before mount!!');
    },
    mounted(){
        console.log('Son2 mounted!!');
    },
    beforeUpdate(){
        console.log('Son2 before update!!');
    },
    updated(){
        console.log('Son2 updated!!');
    },
    beforeDestroy(){
        console.log('Son2 before destroy!!');
    },
    destroyed(){
        console.log('Son2 destroyed!!');
    }
}
</script>